<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<head>
    <link href="${contextPath}/ueditor/themes/default/css/ueditor.min.css" type="text/css" rel="stylesheet">
    <link href="${contextPath}/ueditor/third-party/video-js/video-js.css" type="text/css" rel="stylesheet">
</head>
<%@ include file="/WEB-INF/common/taglibs.jsp" %>
<div class="main-content">
    <div class="main-content-inner">
        <div class="breadcrumbs" id="breadcrumbs">
            <div class="col-md-8 col-xs-12">
                <%@include file="/WEB-INF/common/back/breadcrumb.jsp" %>
            </div>
        </div>

        <div class="page-content">
            <div class="row">
                <div class="col-xs-offset-1 col-xs-8">
                    <form name="upfile" method="post" enctype="multipart/form-data">
                        <script id="editor" type="text/plain"></script>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" charset="utf-8" src="${contextPath}/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="${contextPath}/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" charset="utf-8" src="${contextPath}/ueditor/third-party/video-js/video.js"></script>
<script type="text/javascript" charset="utf-8" src="${contextPath}/ueditor/lang/zh-cn/zh-cn.js"></script>
<script>
    var ue = UE.getEditor('editor', {
        toolbars: [
            [
//                'anchor', //锚点
                'undo', //撤销
                'redo', //重做
                'bold', //加粗
                'indent', //首行缩进
//                'snapscreen', //截图
                'italic', //斜体
                'underline', //下划线
                'strikethrough', //删除线
                'subscript', //下标
                'fontborder', //字符边框
                'superscript', //上标
                'formatmatch', //格式刷
//                'source', //源代码
                'blockquote', //引用
                'pasteplain', //纯文本粘贴模式
                'selectall', //全选
//                'print', //打印
                'horizontal', //分隔线
                'removeformat', //清除格式
                'time', //时间
                'date', //日期
                'unlink', //取消链接
                'insertrow', //前插入行
                'insertcol', //前插入列
                'mergeright', //右合并单元格
                'mergedown', //下合并单元格
                'deleterow', //删除行
                'deletecol', //删除列
                'splittorows', //拆分成行
                'splittocols', //拆分成列
                'splittocells', //完全拆分单元格
                'deletecaption', //删除表格标题
                'inserttitle', //插入标题
                'mergecells', //合并多个单元格
                'deletetable', //删除表格
                'cleardoc', //清空文档
                'insertparagraphbeforetable', //"表格前插入行"
//                'insertcode', //代码语言
                'fontfamily', //字体
                'fontsize', //字号
                'paragraph', //段落格式
                'simpleupload', //单图上传
                'insertvideo', //视频
//                'insertimage', //多图上传
                'edittable', //表格属性
                'edittd', //单元格属性
                'link', //超链接
                'emotion', //表情
                'spechars', //特殊字符
                'searchreplace', //查询替换
//                'map', //Baidu地图
//                'gmap', //Google地图
                'help', //帮助
                'justifyleft', //居左对齐
                'justifyright', //居右对齐
                'justifycenter', //居中对齐
                'justifyjustify', //两端对齐
                'forecolor', //字体颜色
                'backcolor', //背景色
                'insertorderedlist', //有序列表
                'insertunorderedlist', //无序列表
                'fullscreen', //全屏
                'directionalityltr', //从左向右输入
                'directionalityrtl', //从右向左输入
                'rowspacingtop', //段前距
                'rowspacingbottom', //段后距
                'pagebreak', //分页
//                'insertframe', //插入Iframe
                'imagenone', //默认
                'imageleft', //左浮动
                'imageright', //右浮动
//                'attachment', //附件
                'imagecenter', //居中
//                'wordimage', //图片转存
                'lineheight', //行间距
                'edittip ', //编辑提示
                'customstyle', //自定义标题
                'autotypeset', //自动排版
//                'webapp', //百度应用
                'touppercase', //字母大写
                'tolowercase', //字母小写
                'background', //背景
//                'template', //模板
//                'scrawl', //涂鸦
//                'music', //音乐
                'inserttable', //插入表格
//                'drafts', // 从草稿箱加载
//                'charts', // 图表
                'preview', //预览
            ]
        ]
    });

    $(function () {

    });


    function insertPic(name, url) {
        url = "/" + url;
        var value = "<img src='" + url + "' alt='" + name + "'/>";
        UE.getEditor('editor').execCommand('insertHtml', value)
    }

    function insertVideo(name, url) {
        console.log(url);
        url = "/" + url;
        var value = "<p><video class='edui-upload-video vjs-default-skin video-js' width='420' height='280' controls='controls' poster='${contextPath}/images/0.jpg' preload='none' src='" + url +
            "' data-setup='{}'></video></p>";
        UE.getEditor('editor').execCommand('insertHtml', value)
    }

    function insertDoc(name, url) {
        var value = "<img src='http://omsz50aax.bkt.clouddn.com/2017/04/05/9aa0b9ee8b1b89a402d1e6754ff84b5e/timg.jpg?attname=&e=1491361406&token=3qrjr-R-ysfNLS1LCDnO5rY02hgZMjuN1Vw0m64B:AVYZIEUn12OnlSari2lSTQHArmw='/> ";
        UE.getEditor('editor').execCommand('insertHtml', value)
    }

    function getContent() {
        console.log(UE.getEditor('editor').getContent());
    }


</script>